<template>
  <div>
    
    <van-nav-bar placeholder=true title="分类-摄影摄像" left-text="返回" left-arrow @click-left="onClickLeft" />
  <van-row type="flex">
  <van-col span="6">
  
  <van-sidebar class="sidebar"  v-model="activeKey">
    <van-sidebar-item title="笔记本" to="/laptop" />
    <van-sidebar-item title="摄影摄像" to="/Photography" />
    <van-sidebar-item title="手机" to="/phone"/>
    <van-sidebar-item title="游戏机" to="/xbox"/>
  </van-sidebar>
  
  </van-col>
  
  <van-col span="6">
  
  <van-grid :border="false">
  <van-grid-item @click="icanon">
      <van-image src="http://luxuejia-1300969111.cos.ap-guangzhou.myqcloud.com/files/adalab/1b13c39884ea40fabb55008b2ee75551.jpg" width="80px" height="80px"/>
      <span>佳能</span>
  </van-grid-item>
  <van-grid-item @click="inikon">
      <van-image src="http://luxuejia-1300969111.cos.ap-guangzhou.myqcloud.com/files/adalab/e4758e87e8164260923aae57deb1b4a2.jpg" width="80px" height="80px"/>
      <span>尼康</span>
  </van-grid-item>
  <van-grid-item @click="isony">
      <van-image src="http://luxuejia-1300969111.cos.ap-guangzhou.myqcloud.com/files/adalab/7b2c4a5b9e3244b99c925774946ff5f7.jpg" width="80px" height="80px"/>
      <span>索尼</span>
  </van-grid-item>
  </van-grid>

  </van-col>
  
  <van-col span="6">
  
  <van-grid :border="false">
  <van-grid-item @click="ikodak" >
      <van-image src="http://luxuejia-1300969111.cos.ap-guangzhou.myqcloud.com/files/adalab/7f6d27c38a53497d8b82db989dd42658.jpg" width="80px" height="80px"/>
      <span>柯达</span>
  </van-grid-item>
  <van-grid-item @click="isongxia">
      <van-image src="http://luxuejia-1300969111.cos.ap-guangzhou.myqcloud.com/files/adalab/da3e8b19710249a290753f47c9ddc836.jpg" width="80px" height="80px"/>
      <span>松下</span>
  </van-grid-item>
  <van-grid-item  @click="ileica">
      <van-image src="http://luxuejia-1300969111.cos.ap-guangzhou.myqcloud.com/files/adalab/8209caa85a204574b1a163f82cef6da4.jpg" width="80px" height="80px"/>
      <span>徕卡</span>
  </van-grid-item>
  </van-grid>
  
  </van-col>
  
  <van-col span="6">
  
  <van-grid :border="false">
  <van-grid-item @click="ipentax">
    <van-image src="http://luxuejia-1300969111.cos.ap-guangzhou.myqcloud.com/files/adalab/75e7dfd205054ca394a7e104ac42ba79.jpg"  width="80px" height="80px" />
    <span>宾得</span>
  </van-grid-item>
  <van-grid-item @click="ifujifilm">
    <van-image src="http://luxuejia-1300969111.cos.ap-guangzhou.myqcloud.com/files/adalab/55c1b63e4f094502bdd4328e0723f545.jpg" width="80px" height="80px"/>
    <span>富士</span>
  </van-grid-item>
  </van-grid>
  
  </van-col>
  
  </van-row>
  </div>
  </template> 
  
  <script>
  export default {
      data() {
      return {
          activeKey: 1,
          }
      },
      mounted() {
      },
      created() {
      },
      destroyed() {
      },
      methods: {
      icanon(){
      this.$store.commit("changesousuoinput", "佳能")
      this.$router.push({path: '/sousuo',})},
      inikon(){
      this.$store.commit("changesousuoinput", "尼康")
      this.$router.push({path: '/sousuo',})},
      isony(){
      this.$store.commit("changesousuoinput", "索尼")
      this.$router.push({path: '/sousuo',})},
      ikodak(){
      this.$store.commit("changesousuoinput", "柯达")
      this.$router.push({path: '/sousuo',})},
      isongxia(){
      this.$store.commit("changesousuoinput", "松下")
      this.$router.push({path: '/sousuo',})},
      ileica(){
      this.$store.commit("changesousuoinput", "徕卡")
      this.$router.push({path: '/sousuo',})},
      ipentax(){
      this.$store.commit("changesousuoinput", "宾得")
      this.$router.push({path: '/sousuo',})},
      ifujifilm(){
      this.$store.commit("changesousuoinput", "富士")
      this.$router.push({path: '/sousuo',})},
      onClickLeft() {   
        this.$store.commit("changesousuoinput", "")
        this.$router.push({
        path: '/sousuo', })
    },
      },
  }
  </script>
  <style scoped>
  .sidebar{
      position:fixed;
      top:10vh;
      left: 0px;
  }
  span{
      font-size: larger;
  }
  </style>
  